@import url("https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap");

:root {
  --color-primary: #3b82f6;
  --color-danger: #f87171;
  --color-warning: #facc15;
  --color-success: #22c55e;

  --color-bg-primary: #ffffff;
  --color-bg-secondary: #363636;
  --color-bg-third: #f4f4f4;

  --color-text-primary: #000000;
  --color-text-secondary: #ffffff;
  --color-text-link: #6b7280;

  --color-border-primary: #e5e7eb;

  --width-container: 1224px;
  --border-radius: 0.375rem;

  --p-anchor-gutter: 4px;
}

body {
  font-family: "Rubik";
  background: var(--color-bg-primary);
  margin: 0;
}
@layer reset {
  * {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
  }
  html {
    height: 100%;
  }
  button {
    background: none;
    border: none;
    cursor: pointer;
  }

  a {
    text-decoration: none;
    color: var(--color-text-primary);
  }

  button,
  input,
  optgroup,
  select,
  textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
  }

  button,
  input {
    overflow: visible;
  }

  button,
  select {
    text-transform: none;
  }

  button::-moz-focus-inner,
  [type="button"]::-moz-focus-inner,
  [type="reset"]::-moz-focus-inner,
  [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
  }

  button:-moz-focusring,
  [type="button"]:-moz-focusring,
  [type="reset"]:-moz-focusring,
  [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
  }
}
